﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>设定区域的连续字词折行</title>
<style type="text/css">
div {
	margin-top: 10px;
	margin-left: 50px;
	padding: 3px;
	width: 400px;
        border: 2px solid #930;
        background-image: url(img/mainbg.gif)
}
code {
        font-weight: bold;
}

#test1 {
	 word-wrap: normal;
         -ms-word-wrap: normal;
}
#test2 {
         word-wrap: normal;
         -ms-word-wrap: normal;
}
#test3 {
         word-wrap: break-word;
         -ms-word-wrap: break-word;
}
#test4 {
         word-wrap: break-word;
         -ms-word-wrap: break-word;
}

</style>
</head>
<body>
<div id="test1">
<code>word-wrap: normal;</code><br/>
<p>word-wrp属性是用来设定元素区域内文件内容中是否可以进行折行的地方，但并非在元素区域内的文件内容就一定会进行折行。</p>
</div>
<div id="test2"><code>word-wrap: normal;</code><br/>
<p>LiuisaconfirmedApplefan.Athomeandinheroffice,sheandherhusbandownfouriPhones,twoiPads,threeMaclaptops,two</p>
</div>
<div id="test3">
<code>word-wrap: break-word;</code><br/>
<p>word-wrp属性是用来设定元素区域内文件内容中是否可以进行折行的地方，但并非在元素区域内的文件内容就一定会进行折行。</p>
</div>
<div id="test4"><code>word-wrap: break-word;</code><br/>
<p>LiuisaconfirmedApplefan.Athomeandinheroffice,sheandherhusbandownfouriPhones,twoiPads,threeMaclaptops,two</p>
</div>
</body>
</html>

